$('form').submit(function(){
    //数据验证
    // 账号验证
    //是否为空
    console.log("1");
    if($('[name="username"]').val().trim()===''){
        layer.msg("账号不能为空",{
          icon:2,
          time:1000
        })
        return false;
    }
    //输入是否正确
     var reg=/^[a-zA-Z]\w{4,9}$/;
    if(!reg.test($('[name="username"]').val().trim())){
      layer.msg("用户名必须字母开头，由字母、数字、下划线组成，5~10位",{
        icon:2,
        time:1000
      })
      return false;
    }
    //密码验证
    // 是否为空
    if($('[name="password"]').val().trim()===""){
      layer.msg('密码不能为空',{
        icon:2,
        time:1000
      })
      return false;
    }
     // 密码规则：6~16位，由字母、数字组成，必须包含字母和数字
     var reg = /^[a-zA-Z0-9]{6,16}$/
    if(!reg.test($('[name="password"]').val().trim())){
        layer.msg('6~16位，由字母、数字组成，必须包含字母和数字',{
            icon:2,
            time:1000
        })
        return false
    }
     // 是否同时包含了字母和数字
     var word_reg = /[a-zA-Z]+/;
    var number_reg = /\d+/;
    if(!word_reg.test($('[name="password"]').val()) || !number_reg.test($('[name="password"]').val())){
        layer.msg('6~16位，由字母、数字组成，必须包含字母和数字',{
            icon:2,
            time:1000
        })
        return false
    }
    $('[type="submit"]').prop('disabled',true);
    // ajax之前先加载层
   var loadindex = layer.load(0, {shade: [0.8,'#000']});
    //发送ajax
    $.ajax({
        url:"./server/login.php",
        data:$('form').serialize(),
        method:'post',
        dataType:'json',
        success:function(res){
            var {meta:{status,msg},data}=res;
            layer.close(loadindex);
            if(status===0){
                layer.msg(msg,{
                    icon:1,
                    time:1000
                })
                location.href="./index.html";
            }else{
                layer.msg(msg,{
                    icon:2,
                    time:1000
                })
                $('[type="submit"]').prop('disabled',false);
                return false;
            }
        }
    })

        return false;
    })
    $(".login_btn").click(function(){
        location.href="./regist.html";
    })